html {
  font-size: 10px;
}

body {
  font-size: 1.4rem;
}

body, html {
  color: $color-text;
  background: #f5f5f5;
  height: 100%;
}

a {
  color: #333;
  -webkit-tap-highlight-color: rgba($color-main, .1);
  &:hover {
    color: $color-main;
  }
}

p {
  margin: 0;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

dl, dt, dd, dd + dt {
  margin: 0;
  padding: 0;
}

dt + dd {
  margin: 0;
}

br {
  display: inline;
  line-height: 2rem;
}


.uk-text-primary, .uk-link {
  color: $color-main !important;
}

.uk-button-primary {
  background-color: $color-main;
}

.uk-button-primary:hover, .uk-button-primary:focus {
  background-color: darken($color-main, 5%);
  color:#fff
}

.uk-button-primary:active, .uk-button-primary.uk-active {
  background-color: darken($color-main, 10%);
  color:#fff
}

.uk-radio:checked, .uk-form input[type=radio]:checked, input[type=radio].uk-form-field:checked, .uk-checkbox:checked, .uk-form input[type=checkbox]:checked, input[type=checkbox].uk-form-field:checked, .uk-checkbox:indeterminate, .uk-form input[type=checkbox]:indeterminate, input[type=checkbox].uk-form-field:indeterminate {
  background-color: $color-main;
}

.uk-radio:focus, .uk-form input[type=radio]:focus, input[type=radio].uk-form-field:focus, .uk-checkbox:focus, .uk-form input[type=checkbox]:focus, input[type=checkbox].uk-form-field:focus, .uk-checkbox:indeterminate, .uk-form input[type=checkbox]:indeterminate, input[type=checkbox].uk-form-field:indeterminate {
  background-color: $color-main;
}


.uk-radio:checked:focus, .uk-form input[type=radio]:checked:focus, input[type=radio].uk-form-field:checked:focus, .uk-checkbox:checked:focus, .uk-form input[type=checkbox]:checked:focus, input[type=checkbox].uk-form-field:checked:focus, .uk-checkbox:indeterminate, .uk-form input[type=checkbox]:indeterminate, input[type=checkbox].uk-form-field:indeterminate {
  background-color: $color-main;
}